<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        var arr = [1, 3, 5, 7, 9];

        // 删除  shift() 和 pop()
        // pop() 删除数组的最后一个元素 (从后删除),   修改了原数组 , 返回值: 删除的那个元素
        console.log(arr.pop()); // 执行pop() 这个方法,并打印这个方法的 返回值
        // arr.pop();
        // 3+5
        console.log(arr);

        // shift()   删除数组的 第一个元素(从前删除),修改了原数组,  返回: 删除的那个元素

        console.log(arr.shift());
        console.log(arr);

        // 添加   push()   和  unshift()
        // push 从后添加(添加到数组的末尾)   ,修改了原数组,返回:  修改后数组的长度
        // console.log(arr.push(10));
        arr.push(10);
        console.log(arr);


        // unshift() 从前添加(添加到数组的开头) , 修改原数组, 返回:  修改后数组的长度

        // console.log(arr.unshift(0));
        arr.unshift(0);
        console.log(arr);


        // join()：将数组转换为字符串，返回结果:为转换后的字符串（不会改变原来的数组）。
        // join()方法可以指定一个字符串作为参数，这个字符串将会成为数组中元素的连接符；
        // 如果不指定连接符，则默认使用 , 作为连接符，
        var nameArr = ['张三', '李四', '王五'];
        var nameStr = nameArr.join('-');
        console.log(nameStr);
        console.log(nameArr);

        // split() 可以将字符串 转换成数组  返回: 转换后的数组(不改变原来的字符串)
        // 指定参数 以什么 来过分割 这个字符串
        // 新数组 = 原字符串.split(分隔符, 数组长度);
        var emailStr = 'abc@163.com;cc@126.com;frg@qq.com';
        var emailArr = emailStr.split(';', 2);
        console.log(emailArr)


        // concat()：连接两个或多个数组，返回结果为新的数组。（不会改变原数组）
        var newArr = nameArr.concat(emailArr);
        console.log(newArr)
    </script>
</body>

</html>